//webpack.config.js webpack的配置文件
// 作用： 指示webpack干哪些活（当你运行webpack指令时，会加载里面的配置）

// 所有构建工具都是基于Nodejs平台运行的~模块化默认common.js

//resolve用来拼接绝对路径的方法
const {
    resolve
} = require('path');

module.exports = {
    //webpack配置
    //入口起点
    entry: './src/index.js',
    //输出
    output: {
        //输出文件名
        filename: 'built.js',
        //输出路径,__dirname nodejs的变量，代表当前文件夹的目录绝对路径
        path: resolve(__dirname, 'build')
    },
    //loader的配置
    module: {
        rules: [
            //详细的loader配置
            {
                test: /\.css$/,
                use: [
                    //use数组中loader执行顺序：从右到左，从下到上依次执行
                    //创建style标签，将js中的样式资源插入进行，添加到head中生效
                    'style-loader',
                    //将css文件变成commonjs模块加载js中，里面内容是样式字符串
                    'css-loader'
                ]
            },
            {
                test: /\.less$/,
                use: [
                    //use数组中loader执行顺序：从右到左，从下到上依次执行
                    //创建style标签，将js中的样式资源插入进行，添加到head中生效
                    'style-loader',
                    //将css文件变成commonjs模块加载js中，里面内容是样式字符串
                    'css-loader',
                    'less-loader'
                ]
            },
        ]
    },
    //plugins的配置
    plugins: [
        //详细的plugins配置
    ],
    //模式
    mode: 'development' // 开发环境
    //mode:'production' //生产环境

}